<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Webpack Sample Project</title>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="../../assets/css/global.css">
  <link rel="stylesheet" href="../../assets/css/index.css">

  <style>
    @font-face{font-family:element-icons;src:url(../../assets/fonts/2fad952a20fbbcfd1bf2ebb210dccf7a.woff) format("woff"),url(../../assets/fonts/6f0a76321d30f3c8120915e57f7bd77e.ttf) format("truetype");}
  </style>
</head>

<body>
  <div id="index" v-cloak>
    <el-container>
      <!-- 顶部 -->
      <el-header class="clearfix">
        <div class="fl logo">
          XXXX金融管理公司
        </div>
        <div class="fr user">
          <a href="../login/login.html">
          <el-button size="mini" type="danger">立即登录</el-button>
        </a>

          <el-dropdown @command="adminSet">
              <span class="el-dropdown-link">
                  <span class="userPic" style="background:url(../../assets/imgs/img.jpg) center center no-repeat;"></span>
                  超级管理员
                  <i class="el-icon-arrow-down el-icon--right"></i>
              </span>
              <el-dropdown-menu class="admin_set" slot="dropdown">
                <el-dropdown-item command="addAdmin">添加管理员</el-dropdown-item>
                <el-dropdown-item command="changePass">修改密码</el-dropdown-item>
                <el-dropdown-item command="loginOut">退出登录</el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
        </div>
        
      </el-header>
      <el-container>
        <!-- 侧边导航 -->
        <el-aside>
          <el-row class="tac">
            <el-col :span="24">
              <!-- <h5>自定义颜色</h5> -->
              <el-menu :default-active="iframeSrc" class="el-menu-vertical-demo" @select="selectOpen" background-color="#394a59" text-color="#fff"
                active-text-color="#ffd04b" :unique-opened="true">
                <el-submenu index="1">
                  <template slot="title">
                    <i class="el-icon-location"></i>
                    <span>导航一</span>
                  </template>
                  <el-menu-item-group>
                    <template slot="title">分组一</template>
                    <el-menu-item index="http://www.taobo.com">选项1</el-menu-item>
                    <el-menu-item index="http://www.baidu.com">选项2</el-menu-item>
                  </el-menu-item-group>
                  <el-menu-item-group title="分组2">
                    <el-menu-item index="../others/model.html">模板</el-menu-item>
                    <el-menu-item index="../others/error.html">访问出错</el-menu-item>
                  </el-menu-item-group>
                </el-submenu>
                <el-submenu index="2">
                  <template slot="title">
                    <i class="el-icon-location"></i>
                    <span>导航二</span>
                  </template>
                  <el-menu-item-group>
                    <template slot="title">分组一</template>
                    <el-menu-item index="2-1">选项1</el-menu-item>
                    <el-menu-item index="2-2">选项2</el-menu-item>
                  </el-menu-item-group>
                  <el-menu-item-group title="分组2">
                    <el-menu-item index="2-3">选项3</el-menu-item>
                    <el-menu-item index="2-4">选项3</el-menu-item>
                  </el-menu-item-group>
                </el-submenu>
                <el-submenu index="3">
                  <template slot="title">
                    <i class="el-icon-location"></i>
                    <span>导航二</span>
                  </template>
                  <el-menu-item-group>
                    <template slot="title">分组一</template>
                    <el-menu-item index="3-1">选项1</el-menu-item>
                    <el-menu-item index="3-2">选项2</el-menu-item>
                  </el-menu-item-group>
                  <el-menu-item-group title="分组2">
                    <el-menu-item index="3-3">选项3</el-menu-item>
                    <el-menu-item index="3-4">选项3</el-menu-item>
                  </el-menu-item-group>
                </el-submenu>


              </el-menu>
            </el-col>
          </el-row>

        </el-aside>

        <!-- 主体部分 -->
        <el-main>
            <i class="el-icon-edit"></i>
            <i class="el-icon-share"></i>
            <i class="el-icon-delete"></i>
            <el-button type="primary" icon="el-icon-search">搜索</el-button>
          <iframe id="iframe" :src="iframeSrc" frameborder="0" scrolling="yes" width="100%" height="100%"></iframe>
        </el-main>
      </el-container>
    </el-container>
  </div>



  <!-- 引入组件库 -->
  <script src="../../vendors/vue2.5.16/index.js"></script>
  <script src="../../assets/js/vueBundle.js"></script>
  <script>var a = '测试传个东西';</script>
  <script src="../../assets/js/index/index.js"></script>
</body>

</html>